@charset "utf-8";
@import "../css/main.less";
body{
  .margin();
  min-width: 740px;
  .padding(20px,20px);
}

ul{
  .ul_BaseStyle;
}
.nav{
  background-color:white;
  width: 100%;
  overflow: hidden;
  .margin;
  height: 3rem;
  li{
    cursor: pointer;
  }
}

.nav_li{
  cursor: pointer;
  line-height: 3rem;
  text-align: center;
  float: left;
  font-size: 1rem;
  padding:0 1%;
  margin-right: 0.4rem;
  text-shadow: 4px 4px 4px #d5d5d5;
  &:first-child{
    line-height: 2.7rem;
    border-bottom: solid 0.3rem #6699FF;
    color: #6699FF;
  }
  &:hover{
    line-height: 2.7rem;
    border-bottom: solid 0.3rem #6699FF;
    color: #6699FF;
  }

}
.nav_menu{
  float: left;
}
.nav_ul_info{
  float: right;
  margin-right: 15%;
  li{
    margin-right: 1.2rem;
    float: right;
    line-height: 3rem;
    text-align: center;
  }
  img{
    padding: 0.25rem 0;
    width: 2.5rem;
  }
}

.dropDown2{
  position: absolute;
  .dropDown(90px,3rem);
  li:first-child{
    position: relative;
    &:hover{
      background-color: white;
    }
  }
  .triangle{
    .triangle_bottom(5px);
    .positionCenter(40px,5px);
  }
}

.btn_default_blue{
  .margin(10px,10px);
  .btn_default(fill,90px,40px);
}
.btn_default_blue2{
  .btn_default(empty,90px,40px);
}

.btn_submit{
  .btn_submit(fill,90px,40px);
}
.btn_submit2{
  .btn_submit(empty,90px,40px);
}
.btn_stop{
  .btn_stop(fill,90px,40px);
}
.btn_stop2{
  .btn_stop(empty,90px,40px);
}
.btn_error{
  .btn_error(fill,90px,40px);
}
.btn_error2{
  .btn_error(empty,90px,40px);
}
.btn_purple{
  .btn_purple(fill,90px,40px);
}
.btn_purple2{
  .btn_purple(empty,90px,40px);
}

.testBorder{
  width: 100px;
  height: 100px;
  .shadow();
  background-color: white;
}

.dropDown{
  .dropDown();
  li:first-child{
    position: relative;
  }
  .triangle{
    .triangle_bottom(5px);
    .positionCenter(40px,5px);
  }
}

.testcard{
  width: 100px;
  height: 100px;
  background-color: white;
  .card();
  div{
    width: 100%;
    height: 100%;
    background-color: #00aaff;
  }
}


.testPage{
  .page_default();
  .action{
    .action_default();
  }
  li{
    .padding(10px,10px);
    .margin(0px,8px);
  }
}

.testBor{
  .border(blue,1px);
}




